<template>
	<view>
		<!-- 标题 -->
		<view class="nav">
			<view class="tit">
				xx贷
			</view>
			<!-- 公告框 -->
			<view class="notice">
				<text class="iconfont icon-laba"></text>
				<text class="tet">关于贷款信息提示</text>
			</view>
		</view>
		<!-- 贷款额度 -->
		<view class="lines">
			<view class="lines-box">
				<view class="box-top">
					可借额度(元)
				</view>
				<view class="box-center">
					<view class="box-tit">
						2000.00
					</view>
					<view class="lend">
						去借钱
					</view>
				</view>
				<view class="box-btm">
					总额度7000元 年化利率(单利息)7.2%
				</view>
			</view>
			<view class="lines-btm">
				<view class="btm-left">
					2分钟提额度， 最高可提5万
				</view>
				<view class="btm-right">
					立即提额
				</view>
			</view>
		</view>
		<!-- 轮播图 -->
		<view class="swipr">
			<swiper class="swiper" indicator-dots='true' autoplay='true' circular="true">
				<swiper-item>
					<image src="../../static/images/chexk.png" mode=""></image>
				</swiper-item>
				<swiper-item>
					<image src="../../static/images/chexk.png" mode=""></image>
				</swiper-item>
			</swiper>
		</view>
		<!-- 产品介绍 -->
		<view class="title">
			 — - — -  <text>产品介绍</text>  - — - — 
		</view>
		<view class="bottom">
			
			<!-- 产品 -->
			<view class="bottom-left">
				<image src="../../static/images/btm1.png" mode=""></image>
			</view>
			<view class="bottom-right">
				
				<view class="">
					<image src="../../static/images/btm2.png" mode=""></image>
				</view>
				<image src="../../static/images/btm3.png" mode=""></image>
			</view>
		</view>
		
		
	</view>
</template>

<script>
	export default {
		data() {
			return {

			};
		}
	}
</script>

<style lang="less">
	@import url(./home.less);
</style>